<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 导航 -->
    <div class="nav">
        <div class="wrapper">
            <ul class="left">
                <li>
                    <p>小米网</p>
                </li>
                <li>
                    <p>MIUI</p>
                </li>
                <li>
                    <p>米聊</p>
                </li>
                <li>
                    <p>游戏</p>
                </li>
                <li>
                    <p>多看阅读</p>
                </li>
                <li>
                    <p>云服务</p>
                </li>
                <li>
                    <p>小米网移动版</p>
                </li>
                <li>
                    <p>问题反馈</p>
                </li>
                <li>
                    <p class="select">Select Region</p>
                </li>
            </ul>
        </div>

    </div>

    <!-- logo -->
    <div class="logo wrapper">
        <img src="./images/logo.png" alt="">
        <img src="./images/new.gif" alt="" srcset="">
        <p>
            <span>小米手机</span>
            <span>红米</span>
            <span>平板</span>
            <span>电视</span>
            <span>盒子 · 影音</span>
            <span>路由器</span>
            <span>智能硬件</span>
            <span>服务</span>
            <span>社区</span>
        </p>
    </div>

    <!-- 轮播图 -->
    <div class="banner wrapper">
        <div class="left">
            <ul>
                <li>
                    <p>手机 平板 电话卡</p>
                    <img src="./images/right.png" alt="">
                </li>
                <li>
                    <p>电视 盒子</p>
                    <img src="./images/right.png" alt="">
                </li>
                <li>
                    <p>路由器 智能硬件</p>
                    <img src="./images/right.png" alt="">
                </li>
                <li>
                    <p>移动电源 插线板</p>
                    <img src="./images/right.png" alt="">
                </li>
                <li>
                    <p>耳机 音箱</p>
                    <img src="./images/right.png" alt="">
                </li>
                <li>
                    <p>电池 存储卡</p>
                    <img src="./images/right.png" alt="">
                </li>
                <li>
                    <p>保护套 后盖</p>
                    <img src="./images/right.png" alt="">
                </li>
                <li>
                    <p>贴膜 其他配件</p>
                    <img src="./images/right.png" alt="">
                </li>
                <li>
                    <p>米兔 服装</p>
                    <img src="./images/right.png" alt="">
                </li>
                <li>
                    <p>箱包 其他周边</p>
                    <img src="./images/right.png" alt="">
                </li>
            </ul>
        </div>
        <img class="right" src="./images/banner.png" alt="">
    </div>

    <!-- 商品 -->
    <div class="goods wrapper">
        <div class="left">
            <p>我就是一个空色块</p>
            <p>一言不合 就这么任性</p>
        </div>
        <div class="content">
            <img src="./images/big/pro1.jpg" alt="">
            <img src="./images/big/pro2.jpg" alt="">
            <img src="./images/big/pro3.jpg" alt="">
        </div>

    </div>

    <!-- 智能硬件 -->
    <div class="hardware">
        <div class="wrapper">
            <div class="title">
                <span>智能硬件</span>
                <span>查看全部</span>
            </div>
            <div class="content">
                <div class="left">
                    <img src="./images/girl.jpg" alt="">
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <div>
                                <img src="./images/d1.jpg" alt="">
                                <p>小米路由器 3</p>
                                <p>四天线设计，更安全更稳定</p>
                                <p class="price">149元</p>
                                <p class="lable">免邮费</p>
                            </div>
                            <div>
                                <img src="./images/d2.jpg" alt="">
                                <p>米家 LED 智能台灯</p>
                                <p>无可视频闪，亮度色温无级调节</p>
                                <p class="price">169元</p>
                            </div>
                            <div>
                                <img src="./images/d3.jpg" alt="">
                                <p>小米净水器 厨下式</p>
                                <p>RO反渗透直出纯净水，包邮包安装</p>
                                <p class="price">1999元</p>
                                <p class="lable">免邮费</p>
                            </div>
                            <div>
                                <img src="./images/d4.jpg" alt="">
                                <p>小蚁智能摄像机 夜视版</p>
                                <p>能看能听能说，手机远程观看</p>
                                <p class="price">149元</p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/d5.jpg" alt="">
                                <p>Yeelight床头灯</p>
                                <p>触摸式操作，给卧室1600万种颜色</p>
                                <p class="price">249元</p>
                            </div>
                            <div>
                                <img src="./images/d6.jpg" alt="">
                                <p>小米空气净化器2</p>
                                <p>10分钟，房间空气焕然一新</p>
                                <p class="price">699元</p>
                            </div>
                            <div>
                                <img src="./images/d7.jpg" alt="">
                                <p>小米智能安防套装 </p>
                                <p>智能警戒，为您的家增添一份安心</p>
                                <p class="price">169元<span>188元</span></p>
                                <p class="lable2">享9折</p>
                            </div>
                            <div>
                                <img src="./images/d8.jpg" alt="">
                                <p>米家iHealth血压计</p>
                                <p>爸妈上手就会用的智能血压计</p>
                                <p class="price">399元</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>

    <!-- 帮助中心 -->
    <div class="footer wrapper">
        <div class="left">
            <ul>
                <li>
                    <p>帮助中心</p>
                    <p>账户管理</p>
                    <p>购物指南</p>
                    <p>订单操作</p>
                </li>
                <li>
                    <p>服务支持</p>
                    <p>售后政策</p>
                    <p>自助服务</p>
                    <p>相关下载</p>
                </li>
                <li>
                    <p>线下门店</p>
                    <p>小米之家</p>
                    <p>服务网点</p>
                    <p>零售网点</p>
                </li>
                <li>
                    <p>关于小米</p>
                    <p>了解小米</p>
                    <p>加入小米</p>
                    <p>联系我们</p>
                </li>
                <li>
                    <p>关注我们</p>
                    <p>新浪微博</p>
                    <p>小米部落</p>
                    <p>官方微信</p>
                </li>
                <li>
                    <p>特色服务</p>
                    <p>F码通道</p>
                    <p>小米移动</p>
                    <p>防伪查询</p>
                </li>
            </ul>
        </div>

        <div class="right">
            <p>400-100-5678</p>
            <p>周一至周日 8:00-18:00</p>
            <p>（仅收市话费）</p>
        </div>

    </div>

    <!-- 版权 -->
    <div class="copyright ">
        <div class="wrapper">
            <img src="./images/logo.png" alt="">
            <div class="right">
                <p>小米网 | MIUI | 米聊 | 多看书城 | 小米路由器 | 视频电话 | 小米后院 | 小米天猫店 | 小米淘宝直营店 | 小米网盟 | 问题反馈 | Select Region</p>
                </p>
                <p>
                    @mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号
                </p>
                <p>
                    违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
        </div>

    </div>

    <div class="bottom ">
        <div class="wrapper">
            <img src="./images/bottom.png" alt="">
        </div>
    </div>

</body>

</html>